.@{theme} {
  .choose-modal {
    h3 {
      color: @table-title;
      line-height: 50px;
      font-weight: normal;
      border-bottom: 1px solid @text-border-color;
      padding: 0 30px;
      font-size:16px;
    }
    .choose-user {
      overflow: hidden;
      padding: 20px 30px;
      width:620px;
      ul {
        li {
          label {
            display: block;
            padding: 2px;
            color: @normal-font-color;
            span {
              display: block;
              word-break: break-all;
            }
            .ant-checkbox {
              float: left;
              margin-top: 2px;
            }
            .ant-checkbox+span {
              text-align: left;
              margin-left: 22px;
            }
          }
          margin-bottom: 2px;
        }
        li.active {
          label {
            color: @font-color-white;
            font-weight: normal;
          }
        }
      }
      .group-list {
        float: left;
        height: 280px;
        border: 1px solid @input-border;
        padding: 5px;
        background: @input-bg;
        width: 150px;
        margin: 0 3px 0 0;
        overflow:auto;
      }
      .user-list {
        background: @input-bg;
        width: 150px;
        margin: 0 3px;
        float: left;
        height: 280px;
        border: 1px solid @input-border;
        position: inherit;
        ul {
            overflow: auto;
            height: 236px;
            padding:1px 5px 5px;
        }
        .user-search {
          position: relative;
          color: @search-color;
          width:132px;
          margin:5px;
          padding-left:0;
          .iconfont {
            position:absolute;
            z-index:1;
            line-height: 28px;
            top: 0;
            left: 6px;
            color: @search-color;
          }
        }
      }
      .operate {
        padding: 60px 0;
        width: 98px;
        border: 0;
        float:left;
        height:280px;
        p {
          .ant-btn {
            width: 98px;
            padding:0;
            line-height:30px;
            position: relative;
            text-align: center;
            .anticon{
              position: absolute;
              top: 10px;
              margin:0;
              &+span{
                margin: 0;
              }
            }
            .anticon-left{
              left: .5em;
            }
            .anticon-right{
              right: .5em;
            }
          }
          margin-bottom: 5px;
          text-align: center;
        }
        .seperate {
          margin-bottom: 20px;
        }
      }
      .selected-users {
        background: @input-bg;
        width: 150px;
        margin:0 0 0 3px;
        float: left;
        height: 280px;
        border: 1px solid @input-border;
        padding: 5px;
        overflow:auto;
      }
      .ant-input {
        background: @input-bg;
        line-height:18px;
        padding-left:22px;
        &:before {
                content: "1";
              }
      }

    }
    .footer {
      padding-top: 15px;
      padding-bottom: 15px;
      text-align: center;
      background: @pagenav-bg;
      border-top:1px solid @text-border-color;
      .ant-btn {
        margin-right: 10px;
      }
    }

    .choose-field {
      overflow: auto;
      padding: 20px 30px;
      max-height:450px;
      .ant-table-tbody>tr>td {
            padding: 11px 8px;
            .operate {
              li {
                display:inline-block;
                padding:0 5px;
                a{
                  color : @info-color;
                }
              }
            }
      }

      .top {
        margin-bottom: 15px;
        color: @tip-color;
        span {
          vertical-align: middle;
        }
        .quick-copy {
          display: inline-block;
          margin-left: 20px;
        }
      }

    }

    .ant-modal .ant-modal-body {padding:0;}
  }
}
